<template>
    <a-menu mode="inline" @select="handleSelect">
      <a-menu-item key="/">
        <router-link to="/">Home</router-link>
      </a-menu-item>
      <a-menu-item key="/about">
        <router-link to="/about">About</router-link>
      </a-menu-item>
      <a-menu-item key="/users">
        <router-link to="/users">Users</router-link>
      </a-menu-item>
    </a-menu>
  </template>
  
  <script lang="ts" setup>
  import { useRouter } from 'vue-router';
  
  const router = useRouter();
  
  const handleSelect = (key: string) => {
    router.push(key);
  };
  </script>